<template>
  <div class="forgetHead">
    <div class="headBox">
      <div class="container">
        <h4 v-text="title"></h4>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "forgetHead",
        props: {
            title: {
                type: String,
                default: function() {
                    return '账号安全中心' //这样可以指定默认的值
                }
            }
        },
        data() {
            return {

            }
        },
        created() {

        },
        methods: {
            toLogin() {
                this.$router.push({
                    path: '/login',
                    query: {
                        sId: 1,
                        fromUrl: '',
                    }
                })
            }
        }
    }
</script>

<style scoped lang="scss">
  @import '../../../styles/common.scss';
  .forgetHead{
    .headBox{
      background-color: #2e86ff;
      .container{
        display: flex;
        justify-content: space-between;
        h4{
          padding: 40px 10px;
          font-size: 1.6rem;
          color: #fff;
          font-weight: normal;
        }
        .textRight{
          padding: 40px 0;
          a{
            color: #fff;
            margin-left: 14px;
            font-size: 0.8rem;
            cursor: pointer;
            i{
              margin-right: 4px;
            }
          }
        }
      }
    }
  }
</style>